.fade-enter,
.fade-appear {
    opacity: 1;
}

.fade-enter-active,
.fade-appear-active {
    animation: fade 1.2s ease;
    animation-fill-mode: forwards;
}

.fade-enter-done {
    opacity: 0;
}

.fade-exit {
	opacity: 0;
}

.fade-exit-active {
	opacity: 0;
}

.fade-exit-done {
	opacity: 0;
}

@keyframes fade {
    0% {
        opacity: 1;
    }
    30% {
        opacity: 1;
    }
    100% {
        opacity: 0;
    }
}